

ul{
	list-style: none;
	padding: 0;
	margin:0;
}
.tip{
	
	position: fixed;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,0.2);
	display: none;
}

.tip>div{

	position: absolute;
	width:2rem;
	height: 2rem;
	background: transparent;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);

}

.tip>div>i{

	float:left;
	width:0.03rem;
	height: 1rem;
	background:#fff;
	margin-left:.5rem;
	margin-top:0.5rem;
}

.tip>div>i:nth-child(1){

	animation:mytip 1s linear 1s alternate infinite;
}
.tip>div>i:nth-child(2){

	animation:mytip 1s linear 0.5s alternate infinite;
}
.tip>div>i:nth-child(3){

	animation:mytip 1s linear 1s alternate infinite;
}

@keyframes mytip{
	
	from {transform:scaleY(1);}

	to {transform:scaleY(0.1);}
	
}

